@font-face {
    font-family: 'NotoSansHans-Regular';
    src: url('../font/NotoSansHans-Regular.otf');
}

html,
body {
    height: 100%;
}

body {
    font-family: 'NotoSansHans-Regular';
}

#app {
    font-size: 12px;
    line-height: 1;
    color: #121d31;
    height: 100%; 
}
/* 页面留白 */
.page-content {
    height: calc(100% - 60px);
    padding: 0 20px 20px 20px;
    margin-top: 20px;
}
.page{
    background-color: #fff;
    height: 100%;
    padding: 20px;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
}
/* 页面留白 */
/* 页面顶部控件按钮 */
.top-widget-btn {
    .ant-btn {
      margin-left: 16px;
    }
    .ant-btn:nth-of-type(1) {
      margin-left: 0px;
    }
}
/* 页面顶部控件按钮 */
/* 表格按钮 */
.tabe-button {
    margin: -2px 0px;
    .ant-btn {
      margin: 0 5px;
    }
}
/* 表格按钮 */
/* 抽屉 */
.form-title {
    font-size: 16px;
    border-bottom: 1px solid #e8e8e8;
    height: 30px;
    margin-bottom: 14px;
    color: rgb(0, 21, 41);
}
.ant-drawer-body {
    height: 100%;
    height: calc(100% - 108px);
}
.drawer-wrap {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}
.drawer-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 54px;
    width: 100%;
    border-top: 1px solid #e9e9e9;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 24px;
    button {
      margin-left: 8px;
    }
}
.input-width{
    width: 100% !important;
}
/* 抽屉 */
/* 表单item margin-bottom */
.custom-form-item-bottom {
  .ant-form-item {
    margin-bottom: 8px;
  }
}
/* 表单item margin-bottom */
/* 首页搜索的表单部分 */
.index-search-form-model {
  box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
  background: #fff;
  border-radius: 8px;
  margin-bottom: 10px!important;
  padding: 8px 20px 8px 20px!important;
  .ant-form-item {
    margin-bottom: 2px!important;
    .ant-input, .ant-select {
      width: 200px;
    }
  }
}
/* 首页搜索的表单部分 */
/* 弹框 抽屉框 loading */
.modal-box {
    .form-loading {
      width: calc(100% - 48px);
      height: calc(100% - 48px);
    }
}
.drawer-box {
    .form-loading {
      width: calc(100% - 48px);
      height: calc(100% - 130px);
    }
}
/* 弹框 抽屉框 loading */
/* 弹框 抽屉框 footer隐藏 */
.modal-hidden-footer {
  .ant-modal-footer {
    display: none;
  }
}
.hidden-drawer-footer {
  .drawer-footer {
    display: none;
  }
}
/* 弹框 抽屉框 footer隐藏 */
/* 全局滚动条 */
::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 6px; /*高宽分别对应横竖滚动条的尺寸*/
  height: 10px;
}
::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  background-color: #999;
}
::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}
/* 全局滚动条 */
/* 更新树节点icon */
.tree-last-node {
    span:nth-child(1) {
        svg path {
          d: path('M854.6 288.7c6 6 9.4 14.1 9.4 22.6V928c0 17.7-14.3 32-32 32H192c-17.7 0-32-14.3-32-32V96c0-17.7 14.3-32 32-32h424.7c8.5 0 16.7 3.4 22.7 9.4l215.2 215.3zM790.2 326L602 137.8V326h188.2z')
        }
    }
}
/* 更新树节点icon */
/* table的td padding调小 */
.ant-table td {
  padding: 12px!important;
}
/* table的td padding调小 */
/* table的操作按钮区 */
.table-opt-btns {
  margin-bottom: 10px;
  button {
    margin-right: 10px;
  }
}
/* table的操作按钮区 */
/* 列表页右侧的box */
.index-right-box {
  overflow-y: auto;
  width: calc(100% - 276px);
}
/* 列表页右侧的box */